<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Apache Flink: Material</title>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/flink.css">
    <link rel="stylesheet" href="/css/syntax.css">

    <!-- Blog RSS feed -->
    <link href="/blog/feed.xml" rel="alternate" type="application/rss+xml" title="Apache Flink Blog: RSS feed" />

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>  
    

  <!-- Top navbar. -->
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <!-- The logo. -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <div class="navbar-logo">
            <a href="/"><img alt="Apache Flink" src="/img/navbar-brand-logo.jpg" width="78px" height="40px"></a>
          </div>
        </div><!-- /.navbar-header -->

        <!-- The navigation links. -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <!-- Overview -->
            <li><a href="/index.html">Overview</a></li>

            <!-- Quickstart -->
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Quickstart <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="http://ci.apache.org/projects/flink/flink-docs-release-0.9/quickstart/setup_quickstart.html">Setup</a></li>
                <li><a href="http://ci.apache.org/projects/flink/flink-docs-release-0.9/quickstart/java_api_quickstart.html">Java API</a></li>
                <li><a href="http://ci.apache.org/projects/flink/flink-docs-release-0.9/quickstart/scala_api_quickstart.html">Scala API</a></li>
                <li><a href="http://ci.apache.org/projects/flink/flink-docs-release-0.9/quickstart/run_example_quickstart.html">Run Step-by-Step Example</a></li>
              </ul>
            </li>

            <!-- Features -->
            <li><a href="/features.html">Features</a></li>

            <!-- Downloads -->
            <li><a href="/downloads.html">Downloads</a></li>

            <!-- Documentation -->
            <li class="dropdown">
              <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Documentation <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <!-- Latest stable release -->
                <li role="presentation" class="dropdown-header"><strong>Latest Release</strong> (Stable)</li>
                <li><a href="http://ci.apache.org/projects/flink/flink-docs-release-0.9">0.9.0 Documentation</a></li>
                <li><a href="http://ci.apache.org/projects/flink/flink-docs-release-0.9/api/java" class="active">0.9.0 Javadocs</a></li>
                <li><a href="http://ci.apache.org/projects/flink/flink-docs-release-0.9/api/scala/index.html" class="active">0.9.0 ScalaDocs</a></li>

                <!-- Snapshot docs -->
                <li class="divider"></li>
                <li role="presentation" class="dropdown-header"><strong>Snapshot</strong> (Development)</li>
                <li><a href="http://ci.apache.org/projects/flink/flink-docs-master">0.10 Documentation</a></li>
                <li><a href="http://ci.apache.org/projects/flink/flink-docs-master/api/java" class="active">0.10 Javadocs</a></li>
                <li><a href="http://ci.apache.org/projects/flink/flink-docs-master/api/scala/index.html" class="active">0.10 ScalaDocs</a></li>

                <!-- Wiki -->
                <li class="divider"></li>
                <li><a href="https://cwiki.apache.org/confluence/display/FLINK/Apache+Flink+Home"><small><span class="glyphicon glyphicon-new-window"></span></small> Wiki</a></li>
              </ul>
            </li>

            <!-- FAQ -->
            <li><a href="/faq.html">FAQ</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
            <!-- Blog -->
            <li class=" hidden-md hidden-sm"><a href="/blog/">Blog</a></li>

            <li class="dropdown hidden-md hidden-sm">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Community <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <!-- Community -->
                <li role="presentation" class="dropdown-header"><strong>Community</strong></li>
                <li><a href="/community.html#mailing-lists">Mailing Lists</a></li>
                <li><a href="/community.html#irc">IRC</a></li>
                <li><a href="/community.html#stack-overflow">Stack Overflow</a></li>
                <li><a href="/community.html#issue-tracker">Issue Tracker</a></li>
                <li><a href="/community.html#source-code">Source Code</a></li>
                <li><a href="/community.html#people">People</a></li>

                <!-- Contribute -->
                <li class="divider"></li>
                <li role="presentation" class="dropdown-header"><strong>Contribute</strong></li>
                <li><a href="/how-to-contribute.html">How to Contribute</a></li>
                <li><a href="/coding-guidelines.html">Coding Guidelines</a></li>
              </ul>
            </li>

            <li class="dropdown active hidden-md hidden-sm">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <!-- Project -->
                <li role="presentation" class="dropdown-header"><strong>Project</strong></li>
                <li><a href="/material.html">Material</a></li>
                <li><a href="https://twitter.com/apacheflink"><small><span class="glyphicon glyphicon-new-window"></span></small> Twitter</a></li>
                <li><a href="https://github.com/apache/flink"><small><span class="glyphicon glyphicon-new-window"></span></small> GitHub</a></li>
                <li><a href="https://cwiki.apache.org/confluence/display/FLINK/Apache+Flink+Home"><small><span class="glyphicon glyphicon-new-window"></span></small> Wiki</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container -->
    </nav>


    <!-- Main content. -->
    <div class="container">
      

<div class="row">
  <div class="col-sm-8 col-sm-offset-2">
    <div class="row">
      <div class="col-sm-12"><h1>Material</h1></div>
    </div>

<div class="page-toc">
<ul id="markdown-toc">
  <li><a href="#apache-flink-logos" id="markdown-toc-apache-flink-logos">Apache Flink Logos</a>    <ul>
      <li><a href="#portable-network-graphics-png" id="markdown-toc-portable-network-graphics-png">Portable Network Graphics (PNG)</a></li>
      <li><a href="#scalable-vector-graphics-svg" id="markdown-toc-scalable-vector-graphics-svg">Scalable Vector Graphics (SVG)</a></li>
      <li><a href="#photoshop-psd" id="markdown-toc-photoshop-psd">Photoshop (PSD)</a></li>
    </ul>
  </li>
  <li><a href="#slides" id="markdown-toc-slides">Slides</a></li>
</ul>

</div>

<h2 id="apache-flink-logos">Apache Flink Logos</h2>

<p>We provide the Apache Flink logo in different sizes and formats. You can <a href="/img/logo.zip">download all variants</a> (7.7 MB) or just pick the one you need from this page.</p>

<h3 id="portable-network-graphics-png">Portable Network Graphics (PNG)</h3>

<div class="row text-center">
  <div class="col-sm-4">
    <h4>Colored logo</h4>

    <p><img src="/img/logo/png/200/flink_squirrel_200_color.png" alt="Apache Flink Logo" title="Apache Flink Logo" width="200px" /></p>

    <p><strong>Sizes (px)</strong>:
      <a href="/img/logo/png/50/color_50.png">50x50</a>,
      <a href="/img/logo/png/100/flink_squirrel_100_color.png">100x100</a>,
      <a href="/img/logo/png/200/flink_squirrel_200_color.png">200x200</a>,
      <a href="/img/logo/png/500/flink_squirrel_500.png">500x500</a>,
      <a href="/img/logo/png/1000/flink_squirrel_1000.png">1000x1000</a></p>
  </div>

  <div class="col-sm-4">
    <h4>White filled logo</h4>

    <p><img src="/img/logo/png/200/flink_squirrel_200_white.png" alt="Apache Flink Logo" title="Apache Flink Logo" width="200px" style="background:black;" /></p>

    <p><strong>Sizes (px)</strong>:
      <a href="/img/logo/png/50/white_50.png">50x50</a>,
      <a href="/img/logo/png/100/flink_squirrel_100_white.png">100x100</a>,
      <a href="/img/logo/png/200/flink_squirrel_200_white.png">200x200</a>,
      <a href="/img/logo/png/500/flink_squirrel_500_white.png">500x500</a>,
      <a href="/img/logo/png/1000/flink_squirrel_white_1000.png">1000x1000</a></p>
  </div>

  <div class="col-sm-4">
    <h4>Black outline logo</h4>

    <p><img src="/img/logo/png/200/flink_squirrel_200_black.png" alt="Apache Flink Logo" title="Apache Flink Logo" width="200px" /></p>

    <p><strong>Sizes (px)</strong>:
      <a href="/img/logo/png/50/black_50.png">50x50</a>,
      <a href="/img/logo/png/100/flink_squirrel_100_black.png">100x100</a>,
      <a href="/img/logo/png/200/flink_squirrel_200_black.png">200x200</a>,
      <a href="/img/logo/png/500/flink_squirrel_500_black.png">500x500</a>,
      <a href="/img/logo/png/1000/flink_squirrel_black_1000.png">1000x1000</a></p>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-body">
    You can find more variants of the logo <a href="/img/logo/png">in this directory</a> or <a href="/img/logo.zip">download all variants</a> (7.7 MB).
  </div>
</div>

<h3 id="scalable-vector-graphics-svg">Scalable Vector Graphics (SVG)</h3>

<div class="row text-center img100">
  <div class="col-sm-4 text-center">
    <h4>Colored logo</h4>

    <p><img src="/img/logo/svg/color_black.svg" alt="Apache Flink Logo" title="Apache Flink Logo" /></p>

    <p>Colored logo with black text (<a href="/img/logo/svg/color_black.svg">color_black.svg</a>)</p>
  </div>
  <div class="col-sm-4">
    <h4>White filled logo</h4>

    <p><img src="/img/logo/svg/white_filled.svg" alt="Apache Flink Logo" title="Apache Flink Logo" style="background:black;" /></p>

    <p>White filled logo (<a href="/img/logo/svg/white_filled.svg">white_filled.svg</a>)</p>
  </div>
  <div class="col-sm-4">
    <h4>Black outline logo</h4>

    <p><img src="/img/logo/svg/black_outline.svg" alt="Apache Flink Logo" title="Apache Flink Logo" /></p>

    <p>Black outline logo (<a href="/img/logo/svg/black_outline.svg">black_outline.svg</a>)</p>
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-body">
    You can find more variants of the logo <a href="/img/logo/svg">in this directory</a> or <a href="/img/logo.zip">download all variants</a> (7.7 MB).
  </div>
</div>

<h3 id="photoshop-psd">Photoshop (PSD)</h3>

<div class="panel panel-default">
  <div class="panel-body">
    <p>You can download the logo in PSD format as well:</p>

    <ul>
      <li><strong>Colored logo</strong>: <a href="/img/logo/psd/flink_squirrel_1000.psd">1000x1000</a>.</li>
      <li><strong>Black outline logo with text</strong>: <a href="/img/logo/psd/flink_1000.psd">1000x1000</a>, <a href="/img/logo/psd/flink_5000.psd">5000x5000</a>.</li>
    </ul>

    <p>You can find more variants of the logo <a href="/img/logo/psd">in this directory</a> or <a href="/img/logo.zip">download all variants</a> (7.7 MB).</p>
  </div>
</div>

<h2 id="slides">Slides</h2>

<ul>
  <li>Till Rohrmann: <strong>Machine Learning with Apache Flink</strong> <em>(March 23th, 2015)</em>: <a href="http://www.slideshare.net/tillrohrmann/machine-learning-with-apache-flink">SlideShare</a></li>
  <li>Kostas Tzoumas: <strong>Apache Flink Overview</strong> <em>(January 14th, 2015)</em>: <a href="http://www.slideshare.net/KostasTzoumas/apache-flink-api-runtime-and-project-roadmap">SlideShare</a></li>
  <li>Kostas Tzoumas: <strong>Flink Internals</strong> <em>(November 18th, 2014)</em>: <a href="http://www.slideshare.net/KostasTzoumas/flink-internals">SlideShare</a></li>
  <li>Till Rohrmann: <strong>Introduction to Apache Flink</strong> <em>(October 15th, 2014)</em>: <a href="http://www.slideshare.net/tillrohrmann/introduction-to-apache-flink">SlideShare</a></li>
  <li>Stephan Ewen: <strong>Apache Flink Overview</strong> <em>(October 8th, 2014)</em>: <a href="http://www.slideshare.net/stephanewen1/apache-flink-overview-at-stockholm-hadoop-user-group">SlideShare</a></li>
</ul>


  </div>
</div>


      <hr />
      <div class="footer text-center">
        <p>Copyright © 2014-2015 <a href="http://apache.org">The Apache Software Foundation</a>. All Rights Reserved.</p>
        <p>Apache Flink, Apache, and the Apache feather logo are trademarks of The Apache Software Foundation.</p>
        <p><a href="/privacy-policy.html">Privacy Policy</a> &middot; <a href="/blog/feed.xml">RSS feed</a></p>
      </div>

    </div><!-- /.container -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="/js/codetabs.js"></script>

    <!-- Google Analytics -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-52545728-1', 'auto');
      ga('send', 'pageview');
    </script>
  </body>
</html>
